<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>试题管理</title>
    <script src="static/js/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="static/zui/css/zui.css">
    <script src="static/zui/js/zui.js"></script>
    <link href="static/zui/lib/picker/zui.picker.min.css" rel="stylesheet">
    <script src="static/zui/lib/picker/zui.picker.min.js"></script>
    <link href="static/zui/lib/uploader/zui.uploader.min.css" rel="stylesheet">
    <script src="static/zui/lib/uploader/zui.uploader.min.js"></script>
    <link rel="stylesheet" href="static/css/global.css">
    <link rel="stylesheet" href="css/subject.css">
</head>
<body>
<div class="flex header-wrap">
    <div>领域</div>
    <div class="two">
        <select onchange="chooseSubject()"
                type="button"
                name="picker3" id="picker666" class="form-control">
        </select>
    </div>
    <div id="subjectCount">
        共10题
    </div>
    <div class="btn-wrap1">
        <button
                type="button" data-toggle="modal" data-target="#myModal4"
                id="addBtn"
                class="btn btn-success">
            新增</button>
    </div>
</div>
<div id='myUploader' class="uploader" data-ride="uploader" data-url="http://localhost:8080/pc/back/subject/file">
    <div class="uploader-message text-center">
        <div class="content"></div>
        <button type="button" class="close">×</button>
    </div>
    <div class="uploader-files file-list file-list-lg" data-drag-placeholder="请拖拽文件到此处"></div>
    <div class="uploader-actions">
        <div class="uploader-status pull-right text-muted"></div>
        <button type="button" class="btn btn-link uploader-btn-browse"><i class="icon icon-plus"></i> 选择文件</button>
        <button type="button" class="btn btn-link uploader-btn-start"><i class="icon icon-cloud-upload"></i> 开始上传</button>
    </div>
</div>
<div class="title-wrap">题目预览：</div>

<table class="table table-bordered" style="text-align: center">
    <thead>
    <th style="text-align: center">题目</th>
    <th style="text-align: center">选项一</th>
    <th style="text-align: center">选项二</th>
    <th style="text-align: center">选项三</th>
    <th style="text-align: center">选项四</th>
    <th style="text-align: center">操作</th>
    </thead>
    <tbody id="tbody">

    </tbody>
</table>
<div class="pager-wrap flex">
    <ul id="myPager" class="pager" data-ride="pager"  data-page="1" data-rec-per-page="5" data-rec-total="30">
        <li class="previous disabled"><a href="###">«</a></li>
        <li class="active"><a href="###">1</a></li>
        <li class="next"><a href="###">»</a></li>
    </ul>
</div>


<div class="modal fade" id="myModal2">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">试题修改</h4>
            </div>
            <div id="sub-info-div">
                <div class="input-control has-label-left">
                    <input id="field" disabled type="text" class="form-control" placeholder="">
                    <label for="field" class="input-control-label-left">领域:</label>
                </div>

                <div class="input-control has-label-left">
                    <input id="num" type="text" disabled class="form-control" placeholder="">
                    <label for="num" class="input-control-label-left">序号:</label>
                </div>

                <div class="input-control has-label-left">
                    <input id="subject" type="text" class="form-control" placeholder="">
                    <label for="subject" class="input-control-label-left">题目:</label>
                </div>

                <div class="input-control has-label-left">
                    <input id="o1" type="text" class="form-control" placeholder="">
                    <label for="o1" class="input-control-label-left">选项一:</label>
                </div>
                <div class="input-control has-label-left">
                    <input id="o2" type="text" class="form-control" placeholder="">
                    <label for="o2" class="input-control-label-left">选项二:</label>
                </div>
                <div class="input-control has-label-left">
                    <input id="o3" type="text" class="form-control" placeholder="">
                    <label for="o3" class="input-control-label-left">选项三:</label>
                </div>
                <div class="input-control has-label-left">
                    <input id="o4" type="text" class="form-control" placeholder="">
                    <label for="o4" class="input-control-label-left">选项四:</label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" onclick="submitSubjectForm()" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal4">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">试题修改</h4>
            </div>
            <div id="sub-info-div2">
                <div class="input-control has-label-left">
                    <input id="field1" disabled type="text" class="form-control" placeholder="">
                    <label for="field1" class="input-control-label-left">领域:</label>
                </div>

                <div class="input-control has-label-left">
                    <input id="num1" type="text" disabled class="form-control" placeholder="">
                    <label for="num1" class="input-control-label-left">序号:</label>
                </div>

                <div class="input-control has-label-left">
                    <input id="subject1" type="text" class="form-control" placeholder="">
                    <label for="subject1" class="input-control-label-left">题目:</label>
                </div>

                <div class="input-control has-label-left">
                    <input id="o11" type="text" class="form-control" placeholder="">
                    <label for="o11" class="input-control-label-left">选项一:</label>
                </div>
                <div class="input-control has-label-left">
                    <input id="o22" type="text" class="form-control" placeholder="">
                    <label for="o22" class="input-control-label-left">选项二:</label>
                </div>
                <div class="input-control has-label-left">
                    <input id="o33" type="text" class="form-control" placeholder="">
                    <label for="o33" class="input-control-label-left">选项三:</label>
                </div>
                <div class="input-control has-label-left">
                    <input id="o44" type="text" class="form-control" placeholder="">
                    <label for="o44" class="input-control-label-left">选项四:</label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" onclick="addOneSubject()" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal3">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">试题修改</h4>
            </div>
            <div id="sub-info-div1">
              <div>确认删除？</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" onclick="submitDelForm()" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
</body>

</body>
<script src="static/js/common.js"></script>
<script src="js/subject.js"></script>

</html>